
.container {
  font-size: $font-normal;
  color: $black;
}

.head {
  display: flex;
  justify-content: space-between;
  padding: 4vw 4vw 0;
}

.content {
  display: flex;
}

.line-group {
  margin-top: 50rpx;
  margin-left: 80rpx;
}

.flow {
  width: 100%;
  height: 90vh;
  box-sizing: border-box;
  margin-top: 36rpx;
}

.flow-item {
  width: 100%;
  height: 80rpx;
  @include padding-box(0 5vw 0 5vw);
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.msg {
  display: flex;
  align-items: flex-end;
}

.position {
  color: $grey;
  font-size: $font-mini;
  margin-left: 10rpx;
}

.head .operation {
  font-size: 28rpx;
}

.operation {
  display: block;
  height: 32rpx;
  font-size: $font-mini;
  color: $green;
}
.operation.red{
  color: $red;
}
.point-line {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.point {
  width: 16rpx;
  height: 16rpx;
  border-radius: 16rpx;
  background: $green;
}

.line {
  width: 4rpx;
  height: 53px;
  background: $green;
}
.foot{
  width: 100vw;
  position: fixed;
  bottom: 20rpx;
}